<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        表单form ，与数据交互有关
            action : 数据的“去向”
            method ：提交方式 get post

            表单控件
                input
                    type属性 
                        text 文本输入框
                        password 密码输入框
                        submit 提交按钮
                        reset 重置按钮
                        button 自定义按钮
                

    -->
    <form action="https://www.baidu.com/s" method="get">
        <div>
            <input type="text">
        </div>
        <div>
            <input type="password">
        </div>
        <div>
            <input type="submit" value="submit">
            <input type="reset" value="reset">
            <input type="button" value="自定义">
            <button type="submit">提交</button>
            <button type="reset">重置</button>
            <button type="button">自定义</button>
        </div>
    </form>
</body>
</html>